/* --------------------------- */

@font-face {
    font-family: 'dejavu';
    src: url('Fonts/dejavusans-webfont.eot');
    src: url('Fonts/dejavusans-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/dejavusans-webfont.woff') format('woff'),
         url('Fonts/dejavusans-webfont.ttf') format('truetype'),
         url('Fonts/dejavusans-webfont.svg#dejavu_sansbook') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dejavu_sansbold';
    src: url('Fonts/dejavusans-bold-webfont.eot');
    src: url('Fonts/dejavusans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/dejavusans-bold-webfont.woff') format('woff'),
         url('Fonts/dejavusans-bold-webfont.ttf') format('truetype'),
         url('Fonts/dejavusans-bold-webfont.svg#dejavu_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dejavu_sansbold_oblique';
    src: url('Fonts/dejavusans-boldoblique-webfont.eot');
    src: url('Fonts/dejavusans-boldoblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/dejavusans-boldoblique-webfont.woff') format('woff'),
         url('Fonts/dejavusans-boldoblique-webfont.ttf') format('truetype'),
         url('Fonts/dejavusans-boldoblique-webfont.svg#dejavu_sansbold_oblique') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'lobster';
    src: url('Fonts/lobster_1.4-webfont.eot');
    src: url('Fonts/lobster_1.4-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/lobster_1.4-webfont.woff') format('woff'),
         url('Fonts/lobster_1.4-webfont.ttf') format('truetype'),
         url('Fonts/lobster_1.4-webfont.svg#lobster_1.4regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sakkal_majalla';
    src: url('Fonts/majalla-webfont.eot');
    src: url('Fonts/majalla-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/majalla-webfont.woff') format('woff'),
         url('Fonts/majalla-webfont.ttf') format('truetype'),
         url('Fonts/majalla-webfont.svg#sakkal_majallaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sakkal_majallabold';
    src: url('Fonts/majallab-webfont.eot');
    src: url('Fonts/majallab-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/majallab-webfont.woff') format('woff'),
         url('Fonts/majallab-webfont.ttf') format('truetype'),
         url('Fonts/majallab-webfont.svg#sakkal_majallabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*---------------------------- */



body
{
background-image: url('images/background.jpg');
background-position: center 0%;
background-repeat: no-repeat;
background-color: #181818;
margin: 0;
font-family: 'dejavu';
}
#container
{
width: 1000px;
margin: auto;
}
#menu
{
position: relative;
margin-top: -22px;
width: 100%;
height: 119px;
background-image: url('images/menu_background.png');
background-repeat: repeat-x;
color : #9ec7d7;
}
#speedbar
{
width: 1000px;
margin: auto;
}
.name
{
position: relative;
top: 20px;
color: white;
float:left;
font-family: 'lobster';
}
#speedbar ul
{
position: relative;
top: 30px;
list-style-type: none;
float:right;
}
#speedbar li
{
float: left;
margin-right: 60px;
font-family: 'sakkal_majalla';
font-size: 20px;
}
#speedbar a
{
text-decoration: none;
color: #9ec7d7;
}
#speedbar a:hover
{
color: white;
}
#content
{
position: relative;
width: 745px;
float: left;
min-height: 1000px;
margin-bottom: 100px;
background-image: url('images/articles_background.jpg');
background-repeat: repeat-x repeat-y;
top: 50px;
}
#article
{
color: #686868;
position: relative;
border: 1px dashed grey;
min-height: 200px;
width: 730px;
top: 7px;
left: 7px;
right: 7px;
bottom: 7px;
margin-bottom: 7px;
}
.date
{
float:left;
color: white;
min-height: 58px;
width: 100px;
padding: 25px;
padding-left: 10px;
margin-left: -25px;
margin-top: 4px;
background-image: url('images/date_article_ruban.png');
background-repeat: no-repeat;
font-size: 12px;
}
.title
{
position:relative;
text-align:right;
margin-right: 30px;
font-family: 'lobster';
}
.titlereg
{
text-align:left;
font-family: 'lobster';
margin-left: 10px;
}
.infos
{
position:relative;
text-align:right;
margin-right: 30px;
font-size: 12px;
margin-top: -20px;
}
.articleImg
{
margin-left: -85px;
margin-right: 10px;
float:left;
}
.text
{
padding: 10px;
margin: 10px;
text-align: justify;
font-size: 15px;
}
.text a, a:visited
{
color: #454545;
text-decoration: none;
}
.text a:hover
{
text-decoration: underline;
}
.textnews
{
padding: 10px;
margin: 10px;
text-align: justify;
font-size: 15px;
min-height:300px;
}
#sidebar
{
position: relative;
float:left;
width: 235px;
min-height: 500px;
background-image: url('images/sidebar_background.jpg');
top: 80px;
}
#sidebar h2
{
color: white;
min-width: 277px;
min-height: 33px;
padding: 10px;
background-image: url('images/sidebar_titles_ruban.png');
background-repeat: no-repeat;
font-family: 'lobster';
}
#sidebar ul
{
list-style-type: none;
margin-left: -20px;
}
#sidebar li
{
color: #686868;
border-bottom: 1px dashed #686868;
padding: 5px;
width: 180px;
font-family: 'sakkal_majalla';
font-size: 20px;
}
#footer
{
text-align: center;
font-size: 12px;
color: white;
position: relative;
width: 1000px;
clear:both;
margin-bottom: 100px;
}

